<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/css/animate.min.css">
    <link rel="stylesheet" href="../static/css/style.min.css">
    <style media="screen">
        .nav>li.active {
            border-left: 0;
            color: white;
            background: #5cb85c;
        }

        .btn-list {
            padding-bottom: : 15px;
        }

        .btn-list a {
            float: right;
        }
        .contact-box{
            border: 0;
        }
        .contact-box a{
            display: inline-block;
        }
        .contact-box a:hover{
            color: #fff;
            background-color: #666;
        }
    </style>
</head>

<body>
    <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
        <div class="navbar-header">
            <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="../index.html" class="navbar-brand">这是LOGO</a>
        </div>
        <nav id="bs-navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="idea.html" class="btn btn-link">构想</a></li>
                <li><a href="project.html" class="btn btn-link">课题</a></li>
                <li><a href="data.html" class="btn btn-link">数据</a></li>
                <li><a href="group.html" class="btn btn-link">团队</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="javascript://" class="btn btn-link">范维明</a></li>
            </ul>
        </nav>
    </header>
    <div class="container-fluid">
        <ol class="breadcrumb">
            <li>
                <a href="index.html">主页</a>
            </li>
            <li>
                <a href="idea.html">构想</a>
            </li>
            <li>
                <strong>发起</strong>
            </li>
        </ol>
    </div>
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content mailbox-content">
                        <div class="file-manager">
                            <a class="btn btn-block btn-primary compose-mail" href="idea-launch.html">发起新构想</a>
                            <div class="space-25"></div>
                            <h5>文件夹</h5>
                            <ul class="folder-list m-b-md" style="padding: 0">
                                <li>
                                    <a href="idea-launch.html"> <i class="fa fa-inbox "></i> 草稿 <span class="label label-warning pull-right">3</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="idea-launch.html"> <i class="fa fa-inbox "></i> 发布 <span class="label label-warning pull-right">16</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="idea-launch.html"> <i class="fa fa-inbox "></i> 已成型 <span class="label label-warning pull-right">16</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="idea-launch.html"> <i class="fa fa-trash-o"></i> 垃圾箱</a>
                                </li>
                            </ul>
                            <h5>分类</h5>
                            <ul class="category-list" style="padding: 0">
                                <li>
                                    <a href="mail_compose.html#"> <i class="fa fa-circle text-navy"></i> 工作</a>
                                </li>
                                <li>
                                    <a href="mail_compose.html#"> <i class="fa fa-circle text-danger"></i> 文档</a>
                                </li>
                                <li>
                                    <a href="mail_compose.html#"> <i class="fa fa-circle text-primary"></i> 社交</a>
                                </li>
                                <li>
                                    <a href="mail_compose.html#"> <i class="fa fa-circle text-info"></i> 广告</a>
                                </li>
                                <li>
                                    <a href="mail_compose.html#"> <i class="fa fa-circle text-warning"></i> 客户端</a>
                                </li>
                            </ul>

                            <h5 class="tag-title">标签</h5>
                            <ul class="tag-list" style="padding: 0">
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 朋友</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 工作</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 家庭</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 孩子</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 假期</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 音乐</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 照片</a>
                                </li>
                                <li><a href="mail_compose.html"><i class="fa fa-tag"></i> 电影</a>
                                </li>
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-9 animated fadeInRight">
                <div class="mail-box-header">
                    <div class="pull-right tooltip-demo">
                        <a href="idea-launch.html" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="存为草稿"><i class="fa fa-pencil"></i> 存为草稿</a>
                        <a href="idea-launch.html" class="btn btn-danger btn-sm" data-toggle="tooltip" data-placement="top" title="放弃"><i class="fa fa-times"></i> 放弃</a>
                    </div>
                    <h2>新构想</h2>
                </div>
                <div class="mail-box">
                    <form class="form-horizontal" method="get">
                        <div class="mail-body">
                            <h3>基本描述</h3>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">主题：</label>

                                <div class="col-sm-10">
                                    <input type="text" class="form-control" value="xxxxxxx">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">简单描述：</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" name="name" rows="3" cols="40"></textarea>
                                </div>
                            </div>
                            <h3>数据</h3>
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="contact-box">
                                        <a href="data-add.html">
                                            <div class="col-sm-4">
                                                <div class="text-center">
                                                    <i class="fa fa-clipboard fa-4x"></i>
                                                </div>
                                            </div>
                                            <div class="col-sm-8">
                                                <h3><strong>引入数据</strong></h3>
                                                <p>添加自带数据</p>
                                            </div>
                                        </a>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="contact-box">
                                        <a href="data.html">
                                            <div class="col-sm-4">
                                                <div class="text-center">
                                                    <i class="fa fa-shopping-cart fa-4x"></i>
                                                </div>
                                            </div>
                                            <div class="col-sm-8">
                                                <h3><strong>查找数据</strong></h3>
                                                <p>前往数据市场</p>
                                            </div>
                                        </a>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </div>
                            <h3>成员</h3>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">
                                    <select class="invite-role" id="choose-role" tabindex="-1">
                                        <option value="0" selected="">成员</option>
                                        <option value="1">管理员</option>
                                        <option value="3">访客</option>
                                    </select>
                                </label>
                                <div class="col-sm-8">
                                    <input type="text" class="form-control" name="name" value="">
                                </div>
                                <div class="col-sm-2">
                                    <a href="javascript://" class="btn btn-link">删除</a>
                                </div>
                            </div>
                            <p><a href="javascript://">添加</a></p>
                        </div>
                        <div class="mail-body">
                            <a href="idea.html" class="btn btn-sm btn-primary" data-toggle="tooltip" data-placement="top" title="" data-original-title="Send"><i class="fa fa-sub"></i> 保存</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
